@charset "utf-8";
/* 安全 */
/*{ font-family:"微软雅黑";}*/
/*body{padding:0 30px 25px 30px;height:1055px; overflow:hidden; color: #fff}*/
.gmain .content{position: relative;zoom: 1;}
.gmain{ background:url(../image/overview/bg.jpg) no-repeat; background-size:100% 100%;}
.gmain .headerOverview{ background:url(../image/overview/headerbg.png) top center no-repeat; width:100%; height:115px; color:#fff; font-size:40px; text-align:center; text-shadow:2px 2px 10px #000; line-height:114px; font-weight:bold;}
.gmain .section{margin: 15px auto 0;}
.gmain .divleftbox,.gmain .divrightbox{width: 23%;float: left;}
.gmain .divrightbox{width: 23%;float: left;}

.gmain .divleftbox .topbox{ height:480px; background: url(../image/overview/boxbg1.png) bottom center rgba(66,107,209,.30) no-repeat; padding:15px; border:2px #1a557e solid}
.gmain .divleftbox .bottombox{ height:330px; background: url(../image/overview/boxbg1.png) bottom center rgba(66,107,209,.30) no-repeat; padding:15px; border:2px #1a557e solid}

.gmain .divrightbox .bottombox{ height:422px; background:url(../image/overview/boxbg1.png) bottom center rgba(66,107,209,.30) no-repeat; padding:15px; border:2px #1a557e solid}
.gmain .divrightbox .topbox{ height:825px; background:url(../image/overview/boxbg1.png) bottom center rgba(66,107,209,.30) no-repeat; padding:15px; border:2px #1a557e solid}
.gmain .divrightbox .topbox,.gmain .divleftbox .topbox{ margin-bottom:15px;}
.gmain .divleftbox .topbox h3,.gmain .divleftbox .bottombox h3,.gmain .divrightbox .topbox h3,.gmain .divrightbox .bottombox h3,.gmain .divcenterbox .bottombox h3,.gmain .divcenterbox .bottombox h3{ background:url(../image/overview/boxh3.png) center no-repeat; width:100%; height:54px; color:#fff; font-size:22px; text-align:center; margin:0 auto; line-height:54px;}
.gmain .divcenterbox .topbox{ float:left; width:100%;  height:480px;border:2px #1a557e solid;  margin-bottom:15px;}

.gmain .divcenterbox .bottombox{height:330px; background: url(../image/overview/boxbg2.png) bottom center rgba(66,107,209,.30) no-repeat; background-size:98%; border:2px #1a557e solid; float:left; width:100%; padding:15px 0;}
.gmain .divcenterbox{width:52%; float:left; margin: 0 1%;height:835px;}

/**
 * Dai 2018-05-04
 */
/* 这边是边框的样式 */
.div_with_border{
    background: rgba(0,255,255,0.1);
    border:2px rgba(108, 195, 255, 0.39) solid;
    width: 80%;
    margin: 10px auto;
    padding: 5px;
}
/* 左下角菱形框的样式 */
.div_with_diamond{
    background: url(../image/overview/icon3.png) no-repeat center center;
    background-size: 100%;
    line-height: 80px;
    width: 65%;
    padding: 0 10px;
    position: absolute;
    /*top: 50%;*/
    transform: translateY(-105%);
    left: 35%;
}
.div_out_of_diamond{
    width: 100%;
    position:relative;
    height: 100px;
}
.div_out_of_diamond img{
    width: 33%;
}
/* 右侧盒子的样式 */
.div_in_right_box{
    position: absolute;
    width: 65%;
    height: 70%;
    margin-right: 10px;
    left: 33%;
    transform: translateY(-105%);
}
.div_in_right_box p:last-child{
    font-size: 16px;
    color: yellow;
    text-align: right;
    margin-right: 10px;
}

.div_out_of_right_box{
    width: 100%;
    margin-top: 30px;
    position:relative;
}

.div_with_border .div_with_background{
    background: rgba(0,255,255,0.1);
}
.div_with_border .div_without_background, .div_with_border .div_with_background{
    height: 55px;
    line-height: 35px;
    padding: 10px;
}

.div_with_border .div_with_background span:last-child, .div_with_border .div_without_background span:last-child{
    float: right;
    font-size: 16px;
    color: yellow;
}

.div_with_border div span span:last-child{
    padding-left: 10px;
    width: 30px;
}